<script setup>
import { ref, watch } from 'vue';

const money = ref(10000)
const count = ref(0)
// watch监视, 接收三个参数
// 1. 参数1: 监视的数据源
// 2. 参数2: 回调函数
// 3. 参数3: 额外的配置

// 写法1，监听单个数据的变化，必须掌握
// watch(money, (val, oldVal) => {
//     console.log('新工资 -----> ', val);
//     console.log('旧工资 -----> ', oldVal);
// })

// 写法2，监听多个数据变化，了解即可
watch([money, count], (val, oldVal) => {
    console.log('新指 -----> ', val);
    console.log('旧指 -----> ', oldVal);
})

</script>
    
<template>
    <div @click="money+=1000">点我加工资 - {{money}}</div>
    <div @click="count++">次数 - {{count}}</div>
</template>